<template>
    <div>
        <div class="message">
            <div style="padding: 10px" class="grid-content bg-purple"><span>案号:</span><br>{{caselaw.caseNo}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>委托人:</span><br>{{caselaw.caseWtr}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>申请人:</span><br>{{caselaw.caseSubmitter}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>申请日期:</span><br>{{caselaw.caseSubtime}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>结案日期:</span><br>{{caselaw.caseApprovalEndtime}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>结案方式:</span><br>{{caselaw.caseSettleType==0?'默认':(caselaw.caseSettleType==1?'调解':(caselaw.caseSettleType==2?'判决':(caselaw.caseSettleType==3?'撤诉':'其他方式')))}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>诉讼阶段:</span><br>{{caselaw.caseStatus}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>纸质档案:</span><br>{{caselaw.caseRecord==1?'归档':'未归档'}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>档案归档号:</span><br>{{caselaw.caseRecordNum}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>档案说明:</span><br>{{caselaw.caseRemarks}}</div>
        </div>
    </div>
</template>

<script>

    import CaseLawService from '../../../model/gs/CaseLawService.js'
    var caseLawService = CaseLawService.getInstance()


    export default {
        name: "FeeRemission",
        props:['rows'],
        data(){
            return{
                rowss:this.rows,
                caselaw:{},
            }
        },
        watch:{
            rows:function () {
                this.rowss=this.rows

            }
        },
        methods:{
            selectByCaseLaw(){
                caseLawService.selectByCaseLaw(this.rowss.wid).then(response=>{
                    this.caselaw=response.data.data
                })
            },
            xz(){
                alert("嘿嘿嘿!!!")
            }
        },
        created(){
            this.selectByCaseLaw()
        }
    }
</script>

<style scoped>
    .message{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .bg-purple {
        background: #FFFFFF;
        border: 1px solid   darkgray;
        width: 23.5%;
        height: 50px;
    }
</style>
